<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui, shrink-to-fit=no">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/home.css">
<script type="text/javascript" src="js/zepto_1.1.3.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</script>
</head>
<body>
<div class="wrap wrap_footer">
	<header class="g_header">
		<h1 class="tit">首页</h1>
		<div class="side_opt">
			<span class="sel_location">上海 <i class="icon icon_arrow"></i></span>
		</div>
		<div class="side_opt_sub openwebview" data-url="xiaoxi.html" >
			<span class="chat"><i class="icon icon_chat"></i><b>99</b></span>
		</div>
	</header>
	<section class="g_main">
		<!-- 顶部轮播广告 -->
		<section class="img_show_box">
			<div class="img_box">
				<img src="img/zzz_pic_show.jpg" alt="">
			</div>
			<div class="img_num"><a href="#1">1</a> <a href="#2" class="current">2</a> <a href="#3">3</a> <a href="#4">4</a></div>
		</section>
		<!-- 首页导航区域 -->
		<section class="home_nav">
			<ul>
				<li data-url="xianshangzhaoche.html" class='openwebview'><a>线上找车</a></li>
				<li data-url="zhuanxianyunshu.html" class='openwebview'><a>专线运输</a></li>
				<li data-url="wuliugongsi.html" class='openwebview'><a>物流公司</a></li>
				<li data-url="lichengjisuan.html" class='openwebview'><a>里程计算</a></li>
			</ul>
		</section>
		<!-- 最新动态 -->
		<section class="news">
			<h2>最新动态</h2>
			<ul>
				<li>
					<img src="img/zzz_truck_1.png" alt="">
					<h3>江西嘉欣物流有限公司</h3>
					<div class="direction"><span>济南</span> <i class="icon icon_goAndTo">往返</i> <span>南昌</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_2.png" alt="">
					<h3>广州月城物流有限公司</h3>
					<div class="direction"><span>株洲</span> <i class="icon icon_goAndTo">往返</i> <span>赣江</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_3.png" alt="">
					<h3>安徽远行物流有限公司</h3>
					<div class="direction"><span>淮南</span> <i class="icon icon_goAndTo">往返</i> <span>郑州</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_4.png" alt="">
					<h3>山东成列物流有限公司</h3>
					<div class="direction"><span>蚌埠</span> <i class="icon icon_goAndTo">往返</i> <span>济南</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_5.png" alt="">
					<h3>上海沪能物流有限公司</h3>
					<div class="direction"><span>南京</span> <i class="icon icon_goAndTo">往返</i> <span>上海</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_6.png" alt="">
					<h3>北京望京物流有限公司</h3>
					<div class="direction"><span>唐山</span> <i class="icon icon_goAndTo">往返</i> <span>北京</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_2.png" alt="">
					<h3>广州月城物流有限公司</h3>
					<div class="direction"><span>株洲</span> <i class="icon icon_goAndTo">往返</i> <span>赣江</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_3.png" alt="">
					<h3>安徽远行物流有限公司</h3>
					<div class="direction"><span>淮南</span> <i class="icon icon_goAndTo">往返</i> <span>郑州</span></div>
				</li>
				<li >
					<img src="img/zzz_truck_4.png" alt="">
					<h3>山东成列物流有限公司</h3>
					<div class="direction"><span>蚌埠</span> <i class="icon icon_goAndTo">往返</i> <span>济南</span></div>
				</li>
				<li>
					<img src="img/zzz_truck_6.png" alt="">
					<h3>北京望京物流有限公司</h3>
					<div class="direction"><span>唐山</span> <i class="icon icon_goAndTo">往返</i> <span>北京</span></div>
				</li>
			</ul>
			<a href="###" class="more_link">更多 &gt;</a>
		</section>
	</section>
		
	<footer class="g_footer">
		<section class="foot_menu">
			<ul>
				<li class="m_index current"><a data-url="shouye.html" class='openwebview'>首页</a></li>
				<li class="m_find" ><a data-url="faxian.html" class='openwebview'>发现</a></li>
				<li class="m_list"><a data-url="yundan.html" class='openwebview'>运单</a></li>
				<li class="m_my"><a data-url="wo.html" class='openwebview'>我</a></li>
			</ul>
		</section>
	</footer>
</div>

</body>
</html>
